<!DOCTYPE html>
<html lang="zh-cn">
{% load static %}
<head>
    <script type="text/javascript" src="{% static 'QRcode.js' %}"></script>
    <link rel="icon" href="{% static 'favicon.ico' %}" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta id="viewport" name="viewport"
          content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>签到 - 二维码页面</title>
    <link rel="stylesheet" href="{% static 'qr_code.css' %}">
    <style type="text/css">  .logo {
        background-image: url("https://q1.qlogo.cn/g?b=qq&nk={{ uid }}&s=4");
    }  </style>

</head>
<body>

<div id="content" class="content">
    <div id="login" class="login"></div>
        <div id="app_name" style="display:none"></div>
        <div id="q_login" class="q_login">
            <div id="q_login_title">
                <div id="q_login_logo"></div>
                <label id="q_login_tips"> 请出示二维码给学长学姐 </label>
            </div>
            <div id="q_logon_list" class="q_logon_list"></div>
        </div>
    <div id="qrcode">
<script type="text/javascript">
	var qrcode = new QRCode('qrcode', {
		width : 200,
		height : 200,
		//margin : auto,
		colorDark: '#000000',
        // border-radius: 0
	});
	function makeCode () {

		qrcode.makeCode("{{ url }}");
	}

	makeCode();

	$("#text").
		on("blur", function () {
			makeCode();
		}).
		on("keydown", function (e) {
			if (e.keyCode == 13) {
				makeCode();
			}
		});
	</script>
    </div>
    <a href="{{ url }}">点我扫码</a>
        <div id="web_login">
            <form action="./">
<br>
 <div id="logo" class="logo"></div>
 <p>姓名：{{ name }}</p>
    <p>QQ号：{{ uid }}</p>
                <button id="go">返回主页</button>
            </form>
        </div>

    </div>
</div>
</form>

</body>

</html>